<template>
  <div class="tabs">
    <tab :list="navList"></tab>
  </div>
</template>
<script>
import tab from './tab.vue'

export default {
  name: "tabs",
  components: {tab},
  data() {
    return {
      active: '0',
      navList: [{
        name: '告警详情',
        id: '0',
        url:'/history'
      }, {
        name: '统计分析',
        id: '1',
        url:'/historyAlarm'
      }]
    }
  },
}
</script>
<style scoped lang="scss">
.tabs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: calc(100% - 40px);
  margin: 10px auto;
}
</style>
